<style type="text/css">
    .hidden {
        display: none !important;
    }

    .aligned .form-row > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
    }

    .aligned .form-row > div.checkbox-row {
        display: block;
    }

    .aligned label {
        width: 100%;
        padding: 0 0 10px;
    }

    .aligned .form-row input, .aligned .form-row select, .aligned .form-row textarea {
        flex: 1 1 auto;
        max-width: 100%;
    }

    form .aligned .form-row div.help {
        width: 100%;
        margin: 5px 0 0;
        padding: 0;
    }

    .aligned label + div.readonly {
        margin-left: 0;
        background: #F1F1F1;
        width: 100%;
        padding: 6px;
    }

    .aligned .form-row ul {
        margin-left: 0;
        padding-left: 0;
    }

    .aligned .form-row ul li {
        display: inline-block;
        margin-right: 10px;
    }
</style>